<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>css基础的属性</title>
	<style>
		/*网页里面一般字体的颜色也不要太多，三种以内，一般页面有一个主色*/
		body{
			/*代表是一种浅灰色*/
			color: #666; 
			/*一般建议16px*/
			font-size: 16px;
			font-family: '微软雅黑', '宋体', serif, sans-serif;
		}

		div{

			/*颜色的写法： 1. 文字描述 颜色英语单词描述 red green gold purple pink black white 这类单词一般在做页面样式调试的使用  2. rgb 方式，需要使用软件进行提取 ps 小吸管 3. 十六进制 #AABBCC 六位16进制的字符组成，一般使用软件提取 ps ，去设计稿上面查看*/

			/*div 里面的文字的颜色都是红色 */

			/*css 三大特性之一： 1. 继承性*/
			/*在写css之后，后代元素会从上级（父亲（直接上级）、祖先（从当前往上查找，找到 body里面））上面继承一些css的属性*/
			/*color: red;*/
			/*font-size: 50px;*/


			/*文字的字体*/
			/*开发的时候到底使用哪种字体？  1. 建议首选一些常见的字体，确保这类字体是用户的电脑里面自带的，而不需要去选择一些比较生僻 花里胡哨的字体。 如果使用了这类生僻字体，到时候会出现在自己电脑上看到的非常的美观，但是在其他电脑上由于没有安装该字体，导致看到的效果不好。*/
			/*常用字体： Windows下：微软雅黑、宋体  macoS 苹方*/

			/*字体的属性值： 1. 使用中文字符描述字体（微软雅黑） 2. 使用英语单词的方式描述（Microsoft YaHei）*/

			/*注意： 如果我们的文字的属性值是中文或者是英文出现了空格，则字符必须使用单引号或者双引号包裹。*/

			/* 如果在设计稿上面就出现一些很特殊的字体，那么这个时候该如何处理？ */
			/* 把这类字体 切图成一张图片 */

			/* 一些游戏公司的页面 */

			/*Simsun*/

			/*font-family: '微软雅黑'; */
			/*font-family: 'Microsoft YaHei'; */
			/*font-family: Simsun;*/


			/*为了更好保证字体可以，一般会设置多个字体*/
			/*在font-family 一般会加上一类字体的集合。  1. 衬线字体（文字的末端，有一些小的笔锋，凸起） 2. 非衬线字体 横平竖直*/
			/*font-family: '微软雅黑', '宋体', serif, sans-serif;*/

			/*由于文字是可以继承，一般我们在做页面开发的时候，我们会文字的三要素（颜色、、大小、字体）设置到 body 上面*/


			/*产品用户体验 产品经理*/
			/*微信 张小龙 和 qq*/



			/*浏览器默认的会有默认的文字的颜色和大小，浏览器的默认，如果用户自己设置了以自己设置的为准。*/

			/*文字属性基本都是可以继承。 文字颜色 大小 字体。 在css 里面的继承并不是所有的属性都可以从父辈继承过来。*/


		}
	</style>
</head>
<body>
	
	<h2>css基础的属性：方便后面的学习</h2>
	<p>1. 文字的颜色 color</p>
	<p>2. 文字的大小 font-size</p>
	<p>3. 背景色 background-color</p>
	<p>4. 边框 border</p>

	<div>
		<h2>标题信息</h2>
		<p>文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息文字信息</p>
	</div>


</body>
</html>